﻿/* CSS Document */

/* =============================================================================
HTML - styles
============================================================================= */
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table {margin:15px 0;}
#tl_container h1 {font-size:180%;}
#tl_container h2 {font-size:160%;}
#tl_container h1 {background-color:#303030; color:#fff;}
#tl_container h1 {margin:0; padding:10px 15px; background:url("../Images/content-h1.gif") 0 0 repeat-x; letter-spacing:-1px;}

#tl_container table {margin:0; border-collapse:collapse;}
#tl_container table.width100 {width:100%;}
/*#tl_container table th, #content table td {padding:5px 5px;}*/
#tl_container table th {text-align:left; vertical-align:middle; font-weight:bold;}
/*
#tl_container table {border:2px solid #cfcfcf;}*/
#tl_container table th {border-right:1px solid #0074B3; background-color:#0085cc; color:#fff;}
/*#tl_container table td {border:1px solid #cfcfcf;}*/
#tl_container table tr.bg td {background-color:#e8f6ff;}
#tl_container dl dt {color:#df0000;}
#tl_container fieldset {border:1px solid #ccc;padding: 10px 10px 10px 10px;}
#tl_container legend {background:#FFF; color:#0085cc;}

/* =============================================================================
ITEM
============================================================================= */
.tl_item {
    display: inline;/*IE6*/
    width:180px;
    height:185px;
    border:1px solid #BBBBBB;
    margin:5px 5px 5px 5px; 
    float:left;
}

.tl_item_img{
    width: 170px;
    height: 130px;    
   	margin: 5px 5px 2px 5px; 
}
.tl_item_title{
    display: inline; /*IE6*/
    float:left;
    width:160px;
    height: 20px;
    margin: 0 0 0 5px;
    text-align: left;
	text-decoration:none;
	color:#333;
}
.tl_item_gioithieu{
    display: inline; /*IE6*/
    float:left;
    width:160px;
    height: 50px;
    text-align: left;
	text-decoration:none;
	color:#333;
}
.tl_item_rice
{
    width:auto;
    float:left;
    height:20px;
    text-align:right;
    font-size:14px;
}
.tl_item_user
{
    width:80px;
    height:20px;
    margin: 0 10px 0 5px;
    text-align:left;
    float:left;
    font-size:14px;
    color:#669999;
}
.tl_detail_product_left
{
    width:680px;
    height:auto;
    float:left;
    background-color:#FFFFFA;
}

aside.preview {
	width: 650px;
	float: left;
	clear: none;
	/*them vao
	background-color:#0CF;*/
}
img#main_prod 
{
	border: 1px #ccc solid;
	padding: 2px;
	margin: 10px;
	float:left;
}
nav_prod {
	display: inline;
	/*margin: 0 10px;*/
	margin:10px 0 0 0;
	float:left;
	/*them vao*/
	width:105px;
}
nav_prod a {
	border: 1px #ccc solid;
	padding: 2px 2px 0;
	display:block;
	float: left;
	margin: 2px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;	
	transition: all .3s ease-in-out;		
}
nav_prod a:first-child {
	margin-left: 0;
}
nav_prod a:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);	
	transform: scale(1.1);				
}
nav_prod a.active {
	background: #FEFFC0;
	border-color: #ECD95C;
}
.tl_detail_product_img
{
    width:500px;
    height:550px;
    float:left;
}
.tl_detail_product_gioithieu
{
    width:650px;
    height:auto;
    float:left;
    display: inline; /*IE6*/
    margin:20px 0 0 0;
}
.tl_detail_product_comment
{
    width:650px;
    height:auto;
    float:left;
    display: inline; /*IE6*/
    margin:10px 0 0 0;
}
.tl_comment
{
    width:600px;
    height:auto;
    float:left;
    padding-bottom:10px;
    font-weight:bolder;
    text-transform:uppercase;
    font-family:Arial;
    color:Orange;
}
.tl_detail_product_right
{
    width:300px;
    height:600px;
    float:left;
    margin:0 0 0 10px;
}
/* CART
----------------------------------------------------------*/
.tl_box_cart_cont
{
    width:300px;
    height:120px;
    background-color:#EBFFEB;
    padding-top:8px;
}
.tl_box_cart
{
    width:260px;
    height:60px;
    background-color:#fff;
    line-height:55px;
    text-align:center;
    margin:10px 0 0 20px;
}
.tl_button_cart{
border:1px solid #22ba40;-webkit-box-shadow: #457D4C 2px 2px 2px  ;-moz-box-shadow: #457D4C 2px 2px 2px ; box-shadow: #457D4C 2px 2px 2px;
 -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
 width:240px;font-size:13px;font-family:arial, helvetica, sans-serif; padding: 8px 8px 8px 8px; 
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #39DB59;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#39DB59), to(#96c56f));
 background-image: -webkit-linear-gradient(top, #39DB59, #96c56f);
 background-image: -moz-linear-gradient(top, #39DB59, #96c56f);
 background-image: -ms-linear-gradient(top, #39DB59, #96c56f);
 background-image: -o-linear-gradient(top, #39DB59, #96c56f);
 background-image: linear-gradient(to bottom, #39DB59, #96c56f);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#39DB59, endColorstr=#96c56f);
}

.tl_button_cart:hover{
 border:1px solid #1b9333; background-color: #23be41;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#23be41), top(#7bb64b));
 background-image: -webkit-linear-gradient(top, #23be41, #7bb64b);
 background-image: -moz-linear-gradient(top, #23be41, #7bb64b);
 background-image: -ms-linear-gradient(top, #23be41, #7bb64b);
 background-image: -o-linear-gradient(top, #23be41, #7bb64b);
 background-image: linear-gradient(to bottom, #23be41, #7bb64b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#23be41, endColorstr=#7bb64b);
}

/* SHOP
----------------------------------------------------------*/
.tl_box_shop
{
    width:300px;
    height:auto;
    float:left;
    border:1px solid #1b9333;
}
.tl_content_qly_prod
{
    width:90%;
    height:auto;
    float:left;
    padding-left:30px;
}